$(function(){
    //发送请求，获取商品数据
    //因为不需要分页，所以参数写死
    //声明一个数组，用来保存上传图片之后返回的信息
    var imgArr = [];
    $.ajax({
        url:"/product/queryProductDetailList",
        data:{ page:1,pageSize:1000 },
        success:function(res){
            console.log(res);
            var html = template("product",res);
            $("tbody").html(html);
        }
    })

    //请求二级品牌数据，将数据渲染到下拉框中显示
    $.ajax({
        url:"/category/querySecondCategoryPaging",
        data:{ page:1,pageSize:1000 },
        success:function(res){
            var str = ``;
            for(var i=0;i<res.rows.length;i++){
                str += `<option value="${res.rows[i].id}">${res.rows[i].brandName}</option>`;
            }
            $("#selectBrand").html( str );  
        }
    })

// | proName  | 是    | 产品名称           |
// | oldPrice | 是    | 老价格            |
// | price    | 是    | 价格             |
// | proDesc  | 是    | 产品描述           |
// | size     | 是    | 产品尺寸           |
// | statu    | 是    | 产品上下架 1没下架 0下架 |
// | num      | 是    | 用户库存           |
// | brandId  | 是    | 归属品牌           |
    //给添加商品按钮 绑定点击事件
    $("#addProduct").on("click",function(){
        //获取用户在弹出窗中输入的产品信息
        var proName = $("#proName").val();
        var oldPrice = $("#oldPrice").val();
        var price = $("#price").val();
        var proDesc = $("#proDesc").val();
        var size = $("#size").val();
        var num = $("#num").val();
        var brandId = $("#selectBrand").val();
        var statu = 1;
        var pic = imgArr;

        //发送ajax，完成商品的添加
        $.ajax({
            url:"/product/addProduct",
            type:"post",
            data:{ proName,oldPrice,price,proDesc,size,num,brandId,statu,pic },
            success:function(res){
                if(res.success){
                    location.reload();
                }else{
                    alert(res.message);
                }
            }
        })

    })

    //完成图片上传的js代码
    $('#fileupload').fileupload({
        dataType: 'json',
        done: function (e, data) {
            // console.log(data.result);
            // 将文件上传之后返回的图片路径设置到图片预览中
            //$("#preview").attr("src",data.result.picAddr);
            //imgArr数组中只能保存三张图片，
            if( imgArr.length >= 3 ){
                //把老的图片删除掉，再添加新的图片
                imgArr.splice(0,1);
            }
            imgArr.push(data.result);
            
            for(var i=0;i<imgArr.length;i++){
                $(".preview").eq(i).attr("src",imgArr[i].picAddr)
            }
        }
    });
})